// base by fungleo
html {}
body {
  color: $cff;line-height: 1;
  font-family:'PingFang SC', 'Heiti SC', 'Droidsansfallback', Helvetica, 'Droid Sans';
  font-size: 16px;
  background: #11101A;;
}
// html,body {overflow: hidden;}
.block {display: block;}
.none {display:none}
.clear {clear: both;}

.fl {float: left;}
.fr {float: right;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.cf {
  zoom:1;
  &:before,&:after {content:"";display:table;}
  &:after {clear:both;}
}
// 滚动条
::-webkit-scrollbar {width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #333;}
::-webkit-scrollbar-track-piece{background: #11101A;}

// 移动端特殊样式
.mobile-model {
  body {
    font-size: rem(16);
    padding-top: constant(safe-area-inset-top);   //为导航栏+状态栏的高度 88px
    padding-left: constant(safe-area-inset-left);   //如果未竖屏时为0
    padding-right: constant(safe-area-inset-right); //如果未竖屏时为0
    padding-bottom: constant(safe-area-inset-bottom);//为底下圆弧的高度 34px
    font-family: 'Colfax';font-weight: normal;
  }
  &::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar {width:0px;height:0px;display: none;}
  * {
    user-select:none;
  }

  input, textarea {
    user-select:auto; /*webkit浏览器*/
  }
  input[type="password"] {
    user-select:none;
  }

}
.ma {
  margin-left: auto;
  margin-right: auto;
}

.web {
  width: 1200px;
  &_ {
    width: 100%;
    min-width: 1200px;
  }
  &,
  &_ {
    @extend .ma;
  }
}